<template>
  <div>
    <h3>{{name}}的歌曲列表</h3>
    <p>id:{{id}},age:{{age}}</p>
    <p>{{hidden ? '隐藏': '显示'}}, icon:{{icon}}</p>
  </div>
</template>

<script>
export default {
    name: 'MusicDetail',
    props: ['id', 'age','hidden','icon'],
    mounted() {
        console.log(this.$route.meta);
    },
    computed: {
        name() {
            const {id} = this.$route.params;
            switch(id) {
                case '1':
                    return '王俊凯';
                case '2':
                    return '王源';
                case '3':
                    return '易烊千玺';
                default:
                    return null;
            }
        }
        
    }
}
</script>

<style>

</style>